* {
    margin: 0;
    padding: 0;
  }
  
  .box2 {
    width: 100%;
    height: 64px;

    // .fix{
    //   width: 100%;
    //   position: fixed;
    //   top: 0;
    //   left: 0;}
  
    .dengl {
      display: none;
      width: 1920px;
      height: 2000px;
      position: fixed;
      background: #333;
      // opacity: 0.2;
      opacity: 0.3;
      // background-color: rgb(33, 33, 33);
      // border-color: rgb(33, 33, 33);
      z-index: 99;
  
  
    }
  
    .dengl-1 {
      display: none;
      position: fixed;
      background: white;
      background-color: #fff;
      color: rgba(0, 0, 0, .87);
      z-index: 9999;
      // text-align: center;
      width: 400px;
      height: 400px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  
      .p1 {
        margin: 10px 0 20px 25px;
      }
  
      .d3 {
        text-align: center;
        margin-top: 23px;
      }
  
      .d2 {
        position: absolute;
        left: 72%;
        top: 86%;
  
      }
  
      .but {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 350px;
        height: 40px;
      }
  
      div {
        overflow: hidden;
        line-height: 34px;
        margin-left: 25px;
  
        img {
          width: 20px;
          height: 20px;
        }
  
        .sx {
          position: absolute;
          left: 81%;
          top: 53%;
        }
  
        .yj {
          position: absolute;
          left: 79%;
          top: 32%;
        }
  
        .in {
          width: 210px;
        }
  
        .d1 {
          position: absolute;
          left: 67%;
          top: 51%;
          background: green;
        }
  
        input {
          border: none;
          border-bottom: 1px solid red;
          width: 320px;
          height: 34px;
          margin-bottom: 40px;
  
        }
      }
    }
  
    .zhuc {
      display: none;
      width: 1920px;
      height: 2000px;
      position: fixed;
      background: #333;
      opacity: 0.3;
      // background-color: rgb(33, 33, 33);
      // border-color: rgb(33, 33, 33);
      z-index: 99;
  
  
    }
  
    .zhuc-1 {
      position: fixed;
      display: none;
      z-index: 9999;
      background: white;
      // text-align: center;
      width: 400px;
      height: 400px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  
      .p1 {
        margin: 10px 0 20px 25px;
      }
  
      .d3 {
        text-align: center;
        margin-top: 23px;
      }
  
      .d2 {
        position: absolute;
        left: 57%;
        top: 86%;
  
      }
  
      .but {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 350px;
        height: 40px;
      }
  
      div {
        overflow: hidden;
        line-height: 34px;
        margin-left: 25px;
  
        img {
          width: 20px;
          height: 20px;
        }
  
        .sx {
          position: absolute;
          left: 81%;
          top: 53%;
        }
  
        .yj {
          position: absolute;
          left: 84%;
          top: 54%;
        }
  
        .but2 {
          display: inline-block;
          width: 124px;
          height: 40px;
        }
  
        .in {
          width: 188px;
        }
  
        .d1 {
          position: absolute;
          left: 67%;
          top: 51%;
          background: green;
        }
  
        input {
          border: none;
          border-bottom: 1px solid red;
          width: 320px;
          height: 34px;
          margin-bottom: 40px;
  
        }
      }
    }
  
    .cont {
      line-height: 64px;
      text-align: center;
      width: 1200px;
      display: flex;
      margin: 0 auto;
      justify-content: space-between;
  
      .left {
        display: flex;
        justify-content: space-between;
        width: 724px;
  
        ul {
          list-style: none;
          width: 384px;
          display: flex;
          justify-content: space-between;
  
          li {
            list-style: none;
  
            a {
              padding: 7px 10px;
              text-decoration: none;
  
            }
  
            .a1 {
              background-color: brown;
            }
          }
        }
  
        div {
          position: relative;
  
          .ss {
            position: absolute;
            left: 260px;
            top: 20px;
            width: 25px;
            height: 25px;
          }
  
          input:focus {
            outline: none;
            border: 1px solid red;
          }
  
          input {
            height: 41px;
            width: 300px;
          }
        }
      }
  
      .right {
        width: 180px;
        display: flex;
        height: 36px;
        margin-top: 14px;
        line-height: 36px;
        justify-content: space-between;
        position: relative;
  
        button {
          display: inline-block;
          width: 70px;
          text-decoration: none;
          text-align: center;
          border: 1px solid blue;
        }
  
  
  
        .a2 {
          background: blue;
        }
      }
    }
  
   .boxa{
     width: 100%;
     background: #f5f5f5;
     overflow: hidden;
     .si1 {
      width: 100%;
  
      .tou {
        width: 1200px;
        margin: 0 auto;
        position: relative;
  
        .p1 {
          font-size: 20px;
        }
  
        p {
          // width: 200px;
          // height: 30px;
          text-align: left;
        }
  
        .dingwei {
          width: 200px;
          position: absolute;
          left: 93%;
          top: 5%;
        }
      }
  
      .di {
        width: 1200px;
        margin: 20px auto;
  
        .ul {
          margin-bottom: 20px;
        }
  
        ul {
  
          width: 100%;
          list-style: none;
          display: flex;
          justify-content: space-between;
  
          li:hover {
            // background: black !important;
            box-shadow: #666 -1px 10px 18px;
          }
  
          li {
            list-style: none;
            width: 282px;
            height: 303px;
  
            .yi {
              overflow: hidden;
              height: 220px;
              background: yellow;
  
              .wenz {
                margin-top: 80px;
                width: 282px;
                text-align: center;
              }
            }
  
            .p11 {
              font-weight: bold;
            }
  
            p {
              margin: 10px 0 5px 8px;
            }
  
            .aaa {
              margin: 15px 0 10px 8pxpx;
            }
  
            .div {
              width: 250px;
              border: 1px solid black;
              margin: 0 auto;
            }
  
            .div2 {
              width: 100%;
              display: flex;
              justify-content: space-between;
  
              .p1 {
                width: 150px;
                margin-left: 8px;
  
                .yj {
                  width: 15px;
                  height: 15px;
                }
              }
  
              .p2 {
                width: 50px;
              }
            }
          }
        }
      }
  
    }
    
    .tiaozhuan{
      width: 260px;
      display: flex;
      justify-content: space-between;
      margin: 20px auto;
      a{
        text-decoration: none;
        display: block;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        background: #fbfbfb;
      }
    }
   }
  
    .si {
      width: 100%;
      background: #eeeeee;
      .conta {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        .you{
          font-size: 20px;
          font-weight: bold;
          margin: 40px 0 20px 0;
        }
        // p{
        //   font-size: 14px;
        // }
  
        .lefta {
          width: 504px;
          overflow: hidden;
  
          .text {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
          }
        }
  
        .righta {
          overflow: hidden;
          width: 588px;
          .tu{
            width: 310px;
            display: flex;
            justify-content: space-between;
            div{
              width: 61px;
              height: 120px;
              // border-radius: 50%;
              overflow: hidden;
              img{
                width: 56px;
                height: 56px;
                border-radius: 50%;
                margin-bottom: 5px;
              }
            }
          }
        }
      }
      .zz{
        text-align: center;
      }
    }
  
    .wu {
      width: 100%;
      // margin: 0 auto;
      line-height: 80px;
      text-align: center;
      background: #eee;
      color: #9e9e9e;
    }
  }